body{background:#fff}.header{position:fixed;width:100%;z-index:5;background:0 0;transition:.5s;background:#fff}.header:hover,.s-header{background:#fff}.header .search{display:none}.index-banner{background:url(../images/banner.jpg) no-repeat bottom center;position:relative;}.index-banner .s{padding:200px;padding-top:252px;position:relative;z-index:1;text-align:center}.index-banner h2{font-size:45px;line-height:50px;color:#fff}.index-banner h2 span{color:#fff}.index-banner .mc{color:#0595c7;margin-left:20px}.index-banner h6{padding-top:20px;line-height:30px;font-size:18px;color:#ddd}.index-slogan{position:relative;z-index:1;padding:20px 0;background:rgba(0,0,0,.3)}.index-slogan .service-subject{float:left;width:23%;padding:0 1%}.index-slogan .m{float:left;width:50px;padding:11px 0;margin-right:12px}.index-slogan .m img{vertical-align:middle}.index-slogan .title-sub{line-height:36px;font-size:18px;color:#eee}.index-slogan .des{font-size:13px;color:#fff;line-height:18px;height:36px;overflow:hidden}.index-title{text-align:center}.index-title .title{font-size:30px;line-height:30px;color:#333}.index-title .tips{font-size:15px;line-height:15px;color:#888}.index-title .title-line{height:20px}.index-service{padding:100px 0;zoom:1;}.index-service .s{padding-top:50px}.index-service .sub{float:left;width:25%;height:220px;background:#fff;position:relative;transition:.3}.index-service dl{padding:15px}.index-service dt{font-size:20px;font-weight:300;text-align:center}.index-service dt{text-align:center;font-size:20px;font-weight:300;color:#555}.index-service .des{height:60px;line-height:20px;padding:0 15px;overflow:hidden;font-size:13px;color:#646a75;text-align:center}.index-service .m{padding:20px 0;text-align:center}.index-service .m img{height:80px}.index-service ul{position:absolute;left:0;right:0;top:0;bottom:0;background:#3398fc;color:#fff;text-align:center;display:none}.index-service .ul-s{padding:15px}.index-service ul h6{font-size:20px;font-weight:400;line-height:30px;margin-bottom:10px;color:#fff}.index-service ul li{font-size:13px;line-height:24px;color:#fff}.index-service .index2n{margin-top:20px;height:36px}.index-service .index2n a{color:#fff;padding:6px 25px;line-height:36px;border-radius:1px;border:1px #fff solid}.index-service .index2n a:hover span{color:#0595c7}.index-case{padding:80px 0;text-align:center;zoom:1;background:#f8f8f8 url(../images/case-bg.jpg) no-repeat center center}.index-case .title{color:#eee}.index-case ul{padding:40px 10px}.index-case li{float:left;width:25%}.index-case li a{display:block;margin:2px;position:relative;overflow:hidden}.index-case li img{width:100%;height:192px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;vertical-align:middle}.index-case li img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1)}.index-case li p{text-align:left;padding:0 8px;position:absolute;bottom:0;left:0;width:100%;line-height:21px;height:44px;overflow:hidden;background:url(../images/a.png)}.index-case li span{color:#fff;padding-right:10px;text-decoration:none}.index-case .more{display:block;margin:0 auto;width:130px;height:36px;line-height:36px;font-size:16px;color:#3398fc;border:1px #3398fc solid;border-radius:3px}.index-case .more span{color:#3398fc}.index-case .more em{background:#3398fc}.index-case .more:hover span{color:#fff}.index-customer{padding:80px 0;background:#fff}.customer-box{padding:50px 150px 30px}.customer-box .m{float:left;width:130px;margin-right:20px}.customer-box .m img{width:130px;height:130px;border-radius:50%}.customer-box .big-title{height:20px;line-height:20px;font-size:18px;color:#333;margin-bottom:20px;}.customer-box p{padding:0 0 10px;line-height:22px;font-size:14px;color:#777;max-height:66px;overflow:hidden}.customer-box .s-title{height:20px;line-height:20px;font-size:14px;color:#999}.customer-box .hd{text-align:center;padding:20px 0 0}.customer-box .hd li{display:inline-block;width:27px;width:15px;height:15px;margin:0 5px;cursor:pointer;border:1px #3398fc solid;border-radius:50%}.customer-box .hd .on{background:#3398fc}.index-news{padding:80px 0;background:#f8f8f8 url(../images/brand_bg.png) no-repeat center;border:1px #f0f0f0 solid;border-width:1px 0}.index-news .s{padding-top:40px}.index-news .news-list{float:left;width:400px}.index-news .list-s{margin:0 15px;background:#fff;border:1px #f2f2f2 solid}.index-news .m{position:relative}.index-news .m p{position:absolute;left:0;width:100%;top:0;bottom:0;text-align:center;line-height:205px;font-size:20px;background:rgba(0,0,0,.2);color:#eee}.index-news .m img{width:100%;height:auto;}.index-news ul{padding:10px 15px}.index-news li{height:30px;line-height:30px;overflow:hidden;font-size:13px;padding-left:10px;background:url(../images/lidot.gif) no-repeat left center}.index-news li span{float:right;margin-left:10px;font-size:12px;color:#888}.index-partner{min-width:1200px;padding:100px 0;background:#fff}.index-partner .s{padding:50px 0 0}.index-partner ul{padding:0 10px}.index-partner li{float:left;width:20%}.index-partner a{display:block;margin:10px;height:80px;border:1px #ededed solid;background-repeat:no-repeat;background-position:center;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;transition:.5s}.index-partner a:hover{border-color:#dcdcdc;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none}.index-contact{padding:45px 0;background-image:url(../images/contact-bg.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center top;position:relative}.index-contact .cover{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);z-index:1}.index-contact .s{position:relative;padding:0 120px;z-index:2}.index-contact h6{font-size:30px;color:#fff;line-height:40px}.index-contact p{line-height:50px;font-size:18px;color:#eee}.index-contact .btn{position:absolute;top:50%;right:120px;display:block;margin-top:-31px;text-align:center}.index-contact .btn a{display:block;height:48px;line-height:48px;font-size:18px;color:#fff}.index-process{background:#fff;padding:80px 0}.index-process ul{padding:40px 40px 0}.index-process li{float:left;width:12.5%}.index-process li a{display:block;border-left:1px #ddd dotted;text-align:center;color:grey}.index-process .no a{border-left:0}.index-process li p{font-size:16px;line-height:40px}.index-process li img{height:50px}
@media(max-width:600px){
.index-service .sub{width:50%;margin-bottom: 20px;overflow: hidden;height: auto;}
.index-case li{width:50%;}
.index-case li img{height: auto;}
.index-case li p{font-size:0.9rem;}
.index-customer{display:none;}
.index-contact .s,.index-title{padding: 0 10px;text-align:center;}
.index-contact h6{font-size:24px;margin-bottom: 1.5rem;}
.index-contact p{font-size:15px;line-height:24px;}
.index-contact .btn{position:static;margin: 0;overflow: hidden;margin-top:2rem;}
.index-contact .btn a{margin:0 20%;width:60%;}
.index-process ul{padding: 40px 0;}
.index-process li{width:25%;margin-bottom: 1.5rem;}
.index-process{padding:80px 0 0;}
.index-title .tips,.index-contact p{line-height:24px;font-size: 1rem;}
.index-banner{height:200px;padding-top: 300px;}
.index-news .news-list{width:100%;margin-bottom: 15px;}
.index-news li{font-size: 1rem;/* background: none; *//* padding: 0; */line-height: 2rem;}
.index-service dl{padding:0;}
.index-banner,.index-service,.index-case,.index-news,.index-contact,.index-process{width:100%;}
.index-banner .s,.index-contact .cover{display:none;}
.index-process li p{font-size: 0.9rem;}
.index-service .des{font-size:0.85rem;height:auto;padding: 0 13px;line-height: 22px;text-align: justify;}
}